@font-face {
    font-family: 'gotham_boldregular';
    src: url('../fonts/gotham-bold-webfont.eot');
    src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold-webfont.woff') format('woff'),
         url('../fonts/gotham-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'SegoePrintBold';
    src: url('../fonts/segeo-print-bold-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'SegoePrintBold';
    src: url(//:) format('no404'), url('../fonts/segeo-print-bold-webfont.woff') format('woff'), 
	url('../fonts/segeo-print-bold-webfont.ttf') format('truetype'), 
	url('../fonts/segeo-print-bold-webfont.svgz#SegoePrintBold') format('svg'), 
	url('../fonts/segeo-print-bold-webfont.svg#SegoePrintBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----------css reset---------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*----------basic----------------
ul{list-style:none}*/
ul li{display:list-item;}
html,body {font: 12px 'Georgia', sans-serif; background: #fff; height:100%; color:#666666; font-weight:700}
a { text-decoration:none; color: #666666 }
a:hover { text-decoration:underline; }
html { overflow-y:scroll }/*Prevent Firefox Scrollbar Jump*/
button { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding: 0; margin: 0; resize:none}
select, .cp  { cursor:pointer; }
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll}
/*===========================*/
.fl{float:left}
.fr{float:right}
.por{position:relative}
.w960{width:960px; margin:0 auto}
.w900{width:900px; margin:0 auto}
#container {
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    text-align: left;
    width: 100%;
}

#wrapper{	width:960px; margin:0 auto; }
#header{background-color:#666666; width:100%; height:36px}
#header p{font-family: 'gotham_boldregular'; color:#fff; font-weight:400; font-size:1.167em; line-height:3em}
.hotline1{float:left; margin-left:30px;}
.hotline2{float:right}
#logo{ width:340px; height:67px; margin:10px auto 30px;}
#hotline{ margin-top:85px; color:#6f1113}
#navbar{ height: 31px; }

#navbar ul{list-style:none}
#navbar ul li{	float:left; font-size:13px;	line-height:31px; border-bottom:2px solid #6b6b6b}
#navbar ul li a{ color:#6b6b6b; text-transform: uppercase; padding: 0 25px; font-size:1.194em; font-family: 'gotham_boldregular'; font-weight:400;}
#navbar ul li a:hover, #navbar ul li.active a{	color:#4c6ca6;	text-decoration:none; }
#navbar ul li:hover, #navbar ul li.active{border-bottom:2px solid #4c6ca6}
#navbar ul li:last-child a{	border-right:none}

#slideshow{ margin-top:30px}

#content{padding:0 30px; width:900px}

.boxes{margin-top:10px}
.box1, .box2, .box3 {font-weight:400; color:#fff}
.box1{background-color:#ff5400; width:100%;display:inline-flex; margin-bottom:15px}
.box2{background-color:#eb043a; width:35%; float:left; padding: 2.5% 2% 4.5% 3%}
.box3{background-color:#02aff3; width:53.3%; float:right; padding: 2% 2% 2% 3%}

.bx1{float:left; width:35%; margin-left:1%}
.bx2{float:right; width:62%; margin-right:2%}
.bx1 h1{ font-family: 'gotham_boldregular';font-size: 4.167em; font-weight:400; line-height:1em}
.bx2 p{line-height:2em; margin-top:30px}
p.title{font-family: 'gotham_boldregular'; font-size:2em; font-weight:40; font-style:italic}

.box2 ul{margin-left:4%}
.box3 p{line-height:2em}

.exhibition{margin-top:15px}
.ex{float:left; margin-right:12px}
.ex.last{margin-right:0}

p.ex-name{font-weight:400; margin-bottom:10px; margin-top:5px}
p.ex-title{font-weight:400; font-size:0.9167em}

#footer .w960{border-top:2px solid #2b2b2b; margin-top:60px; padding-top:15px}

#social{float:left}
#social p{float:left; font-weight:400; font-size:1.167em; line-height:2em; margin-right:20px}
#social ul {list-style: none; float:left; }
#social ul li{float:left; margin-right:5px}

#copyright{float:right; font-weight:400}
#copyright p{line-height:1.5em}
#copyright p.cp{text-align:right}

/*=======================*/
#breadcrumb {margin-top:12px}
#breadcrumb a{color:#4c6ca6; font-weight:400; text-decoration:underline}
#breadcrumb span{color:#949494; font-weight:400}

#content h2{font-family: 'SegoePrintBold'; color:#eb043a; font-size:4.167em; line-height:0.96em; background: url("../images/border_pink.png") left top no-repeat; padding-left:20px; float:left}
#content h2.h2right{font-family: 'SegoePrintBold'; color:#ff5400; font-size:4.167em; line-height:0.96em; background: url("../images/border_orange.png") right top no-repeat; padding-right:20px; float:right; text-align:right}
#data{margin-top:40px}
#data p{line-height:2em;}
.text-right{ text-align:right; float:right; margin-bottom:75px}
.text-left{ text-align:left; float:left; margin-top:-240px}

#content h2.servicess{font-family: 'SegoePrintBold'; color:#02aff3; font-size:4.167em; line-height:0.96em; background: url("../images/border_gray.png") left top no-repeat; padding-right:20px; float:none; margin-bottom:25px}
#content h2.case{font-family: 'SegoePrintBold'; color:#9e005d; font-size:4.167em; line-height:0.96em; background: url("../images/border_gray.png") left top no-repeat; padding-right:20px; float:none; margin-bottom:25px}
#content h2.contact{font-family: 'SegoePrintBold'; color:#4289fe; font-size:3.33em; line-height:0.96em; background: url("../images/border_gray.png") left top no-repeat; padding-right:20px; float:none; margin-bottom:25px}
#content h2.contact span{color:#2a579a}

#content h2.testimonial{font-family: 'SegoePrintBold'; color:#000; font-size:3.33em; line-height:0.96em; background: url("../images/border_gray.png") left top no-repeat; padding-right:20px; float:none; margin-bottom:25px}
#content h2.gallery{font-family: 'SegoePrintBold'; color:#ff9a00; font-size:3.33em; line-height:0.96em; background: url("../images/border_gray.png") left top no-repeat; padding-right:20px; float:none; margin-bottom:25px}
#content h2.gallery span{color:#38c6b8;}
.data-services {padding-bottom:140px}

.address{background: url("../images/bg3.jpg") no-repeat; width:463px; height:92px; margin-bottom:10px; font-family: 'SegoePrintBold'; font-weight:400; padding-top:20px; padding-left:10px; padding-right:0}
.address a{text-decoration:underline; color:#4289fe}
.data-contact{padding-top:100px}
.col-1{float:left}
.col-2{float:right}
.col-2 h3{color:#2a579a; font-size:2.5em; font-family: 'SegoePrintBold'; font-weight:400; float:left; margin-top:85px}
.mb10{margin-bottom:10px}
#contactform{background-color:#2a579a; padding:30px 25px 40px 30px}
#contactform p{font-size:0.9167em; color:#fff; font-family:arial; font-weight:400; float:right; }
#contactform label{font-family:arial; color:#fff; display:block}
#contactform input[type="text"]{border:none; height:23px; width:256px}
#contactform input[type="submit"]{background:url("../images/submit.png") no-repeat; width:83px; height:22px; border:none; text-indent:-9999px; float:right; margin-left:10px; margin-right:8px}
#contactform textarea{border:none; height:57px; width:256px}

.titleform{margin-top:-75px}

#pagi{ display: inline-block; margin: 90px auto 0; text-align: center;}
.testi{background: url("../images/bubble.png") center top no-repeat; width:675px; height:464px; margin-left:175px; text-align:center; color:#fff; font-weight:400; padding-top:175px;}
.testi p{font-size:1.167em}
.testi ul {text-align:center}
.testi ul li{display:block; float:left; margin-right:10px}
.testi ul li a{background-color:#c56666; text-indent:-9999px; width:11px ; height:11px; display:block;
	-moz-border-top-left-radius:50%;
	-webkit-border-top-left-radius:50%;
	border-top-left-radius:50%;
	-khtml-border-top-left-radius:50%;
	-moz-border-top-right-radius:50%;
	-webkit-border-top-right-radius:50%;
	border-top-right-radius:50%;
	-khtml-border-top-right-radius:50%;

	-moz-border-bottom-left-radius:50%;
	-webkit-border-bottom-left-radius:50%;
	border-bottom-left-radius:50%;
	-khtml-border-bottom-left-radius:50%;
	-moz-border-bottom-right-radius:50%;
	-webkit-border-bottom-right-radius:50%;
	border-bottom-right-radius:50%;
	-khtml-border-bottom-right-radius:50%;
}

.testi ul li.active a{background-color:#ac4c4c; }
.glr1{width:73.33%; float:left}
.glr2{width:26.67%; float:right}
.gl {width:27%; margin-right:6%;float:left; margin-bottom:45px}
.gl p{text-align:center; font-size:1.167em; line-height:1em !important}
.gl p.date{font-weight:400; font-style: italic}
.circle-frame{border:1px dashed #ff9a00; padding:2px; display:inline-flex; margin-bottom:10px;
	-moz-border-top-left-radius:50%;
	-webkit-border-top-left-radius:50%;
	border-top-left-radius:50%;
	-khtml-border-top-left-radius:50%;
	-moz-border-top-right-radius:50%;
	-webkit-border-top-right-radius:50%;
	border-top-right-radius:50%;
	-khtml-border-top-right-radius:50%;

	-moz-border-bottom-left-radius:50%;
	-webkit-border-bottom-left-radius:50%;
	border-bottom-left-radius:50%;
	-khtml-border-bottom-left-radius:50%;
	-moz-border-bottom-right-radius:50%;
	-webkit-border-bottom-right-radius:50%;
	border-bottom-right-radius:50%;
	-khtml-border-bottom-right-radius:50%;
}


#pagination{text-align:center}
#pagination p{font-size:1.25em; font-family: 'gotham_boldregular'; font-weight:400}
#pagination ul{list-style: none}
#pagination ul li{display:inline; background-color:#efefef; padding:0 5px}
#pagination ul li{font-size:1.167em; font-family: 'gotham_boldregular'; font-weight:400;}


.glr2 p{font-family: 'SegoePrintBold'; font-weight:400; font-size:1.333em; color:#000}
.glr2 ul{list-style: none}
.glr2 ul li a{font-family: 'SegoePrintBold'; font-weight:400; font-size:1.167em; color:#ff9a00; background: url("../images/btn_orange.png") left center no-repeat; padding-left:30px }
.glr2 ul li:first-child a{color:#fe343f; background: url("../images/btn_red.png") left center no-repeat;}
.glr2 ul li:last-child a{color:#8dc63f; background: url("../images/btn_green.png") left center no-repeat;}
.glr2 ul li ul{margin-left:30px}
.glr2 ul li ul li a{color:#666 !important; background: none !important; padding:0}

